<style type="text/css">
.nav-tabs {
	border-bottom: 0px;
	font-weight: bold;
}

.js-nav>li.active a, .js-nav>li.active a:hover{
	color: #fff;
	background-color: #333;
}
.js-nav>li>a {
	color: #000;
}

</style>

<ul class="nav nav-tabs js-nav">
	<{foreach from=$plInfo item=item key=key}>
		<li><a href="javascript:;" platform="<{$key}>"><{$item}></a></li>
	<{/foreach}>
</ul>

<script>
	$(function(){
		var act_nav = '<{$plNav}>'
		$('.js-nav li a').each(function(){
			if($(this).attr('platform') == act_nav){
				$(this).parent().addClass('active')
				return false
			}
		})

		$('.js-nav li a').on('click', function(){
			var p = $(this).attr('platform')
			$('#filter-form').find('input[name="p"]').val(p)
			$('#filter-btn').trigger('click')
		})


	})
</script>